<template>
  <el-button type="primary" :size="size" v-waves :disabled="disabled" :loading="loading">{{ $t(text) }}</el-button>
</template>
<script>
import waves from '@/directive/waves/index.js'
export default {
  props: {
    text: {
      type: String,
      default: '确定'
    },
    size: {
      type: String,
      default: 'small'
    },
    showIcon: {
      type: Boolean,
      default: false
    },
    disabled: {
      type: Boolean,
      default: false
    },
    loading: {
      type: Boolean,
      default: false
    }
  },
  directives: {
    waves
  }
}
</script>
<style lang="scss" scoped>
// .el-button--small {
//     width: 50px;
// }
</style>
